<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>eh documentation</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
	      <link rel="stylesheet" href="../styles/style.css">
    </head>
    <body>

        <div class="navbar navbar-default navbar-fixed-top visible-xs">
            <a href="../" class="navbar-brand">eh documentation</a>
            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
        </div>

        <div class="xs-menu menu" id="mobile-menu">
                <div id="book-search-input" role="search">
    <input type="text" placeholder="Type to search">
</div>
            <compodoc-menu></compodoc-menu>
        </div>

        <div class="container-fluid main">
           <div class="row main">
               <div class="hidden-xs menu">
                   <compodoc-menu mode="normal"></compodoc-menu>
               </div>
               <!-- START CONTENT -->
               <div class="content module">
                   <div class="content-data">



<ol class="breadcrumb">
  <li>Modules</li>
  <li>AppModule</li>
</ol>

      <div class="text-center module-graph-container">
          <div id="module-graph-svg">
              <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.40.1 (20161225.0304)
 -->
<!-- Title: dependencies Pages: 1 -->
<svg width="1538pt" height="284pt"
 viewBox="0.00 0.00 1538.00 284.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 280)">
<title>dependencies</title>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-280 1534,-280 1534,4 -4,4"/>
<text text-anchor="start" x="744.0091" y="-42.4" font-family="sans-serif" font-weight="bold" font-size="14.00" fill="#000000">Legend</text>
<polygon fill="#ffffb3" stroke="transparent" points="531,-10 531,-30 551,-30 551,-10 531,-10"/>
<text text-anchor="start" x="554.629" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Declarations</text>
<polygon fill="#8dd3c7" stroke="transparent" points="644,-10 644,-30 664,-30 664,-10 644,-10"/>
<text text-anchor="start" x="667.7251" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Module</text>
<polygon fill="#80b1d3" stroke="transparent" points="730,-10 730,-30 750,-30 750,-10 730,-10"/>
<text text-anchor="start" x="753.7812" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Bootstrap</text>
<polygon fill="#fdb462" stroke="transparent" points="827,-10 827,-30 847,-30 847,-10 827,-10"/>
<text text-anchor="start" x="850.6732" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Providers</text>
<polygon fill="#fb8072" stroke="transparent" points="923,-10 923,-30 943,-30 943,-10 923,-10"/>
<text text-anchor="start" x="946.7258" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Exports</text>
<g id="clust1" class="cluster">
<title>cluster_AppModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="8,-70 8,-268 1522,-268 1522,-70 8,-70"/>
</g>
<g id="clust2" class="cluster">
<title>cluster_AppModule_declarations</title>
<polygon fill="none" stroke="#000000" points="950,-78 950,-130 1514,-130 1514,-78 950,-78"/>
</g>
<g id="clust7" class="cluster">
<title>cluster_AppModule_imports</title>
<polygon fill="none" stroke="#000000" points="16,-78 16,-130 942,-130 942,-78 16,-78"/>
</g>
<g id="clust9" class="cluster">
<title>cluster_AppModule_bootstrap</title>
<polygon fill="none" stroke="#000000" points="659,-208 659,-260 783,-260 783,-208 659,-208"/>
</g>
<!-- AppComponent -->
<g id="node1" class="node">
<title>AppComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1505.9399,-122 1400.0601,-122 1400.0601,-86 1505.9399,-86 1505.9399,-122"/>
<text text-anchor="middle" x="1453" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppComponent</text>
</g>
<!-- AppModule -->
<g id="node5" class="node">
<title>AppModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="762.6571,-187 759.6571,-191 738.6571,-191 735.6571,-187 679.3429,-187 679.3429,-151 762.6571,-151 762.6571,-187"/>
<text text-anchor="middle" x="721" y="-164.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppModule</text>
</g>
<!-- AppComponent&#45;&gt;AppModule -->
<g id="edge1" class="edge">
<title>AppComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M1453,-122.2479C1453,-145.0179 1453,-181 1453,-181 1453,-181 772.7183,-181 772.7183,-181"/>
<polygon fill="#000000" stroke="#000000" points="772.7184,-177.5001 762.7183,-181 772.7183,-184.5001 772.7184,-177.5001"/>
</g>
<!-- FooterComponent -->
<g id="node2" class="node">
<title>FooterComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1381.8809,-122 1264.1191,-122 1264.1191,-86 1381.8809,-86 1381.8809,-122"/>
<text text-anchor="middle" x="1323" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">FooterComponent</text>
</g>
<!-- FooterComponent&#45;&gt;AppModule -->
<g id="edge2" class="edge">
<title>FooterComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M1323,-122.2843C1323,-143.3211 1323,-175 1323,-175 1323,-175 772.8535,-175 772.8535,-175"/>
<polygon fill="#000000" stroke="#000000" points="772.8536,-171.5001 762.8535,-175 772.8535,-178.5001 772.8536,-171.5001"/>
</g>
<!-- HeaderComponent -->
<g id="node3" class="node">
<title>HeaderComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1245.7437,-122 1124.2563,-122 1124.2563,-86 1245.7437,-86 1245.7437,-122"/>
<text text-anchor="middle" x="1185" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">HeaderComponent</text>
</g>
<!-- HeaderComponent&#45;&gt;AppModule -->
<g id="edge3" class="edge">
<title>HeaderComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M1185,-122.1061C1185,-141.3391 1185,-169 1185,-169 1185,-169 772.9953,-169 772.9953,-169"/>
<polygon fill="#000000" stroke="#000000" points="772.9953,-165.5001 762.9953,-169 772.9952,-172.5001 772.9953,-165.5001"/>
</g>
<!-- UserHeaderComponent -->
<g id="node4" class="node">
<title>UserHeaderComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1106.1699,-122 957.8301,-122 957.8301,-86 1106.1699,-86 1106.1699,-122"/>
<text text-anchor="middle" x="1032" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">UserHeaderComponent</text>
</g>
<!-- UserHeaderComponent&#45;&gt;AppModule -->
<g id="edge4" class="edge">
<title>UserHeaderComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M1032,-122.0225C1032,-139.3734 1032,-163 1032,-163 1032,-163 772.9428,-163 772.9428,-163"/>
<polygon fill="#000000" stroke="#000000" points="772.9429,-159.5001 762.9428,-163 772.9428,-166.5001 772.9429,-159.5001"/>
</g>
<!-- AppComponent  -->
<g id="node14" class="node">
<title>AppComponent </title>
<polygon fill="#80b1d3" stroke="#000000" points="775.439,-252 666.561,-252 666.561,-216 775.439,-216 775.439,-252"/>
<text text-anchor="middle" x="721" y="-229.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppComponent </text>
</g>
<!-- AppModule&#45;&gt;AppComponent  -->
<g id="edge13" class="edge">
<title>AppModule&#45;&gt;AppComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="1,5" d="M721,-187.1061C721,-187.1061 721,-205.991 721,-205.991"/>
<polygon fill="#000000" stroke="#000000" points="717.5001,-205.9909 721,-215.991 724.5001,-205.991 717.5001,-205.9909"/>
</g>
<!-- AdminModule -->
<g id="node6" class="node">
<title>AdminModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="934.4386,-122 931.4386,-126 910.4386,-126 907.4386,-122 835.5614,-122 835.5614,-86 934.4386,-86 934.4386,-122"/>
<text text-anchor="middle" x="885" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">AdminModule</text>
</g>
<!-- AdminModule&#45;&gt;AppModule -->
<g id="edge5" class="edge">
<title>AdminModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M885,-122.2396C885,-137.5706 885,-157 885,-157 885,-157 772.8085,-157 772.8085,-157"/>
<polygon fill="#000000" stroke="#000000" points="772.8085,-153.5001 762.8085,-157 772.8084,-160.5001 772.8085,-153.5001"/>
</g>
<!-- ApiModule -->
<g id="node7" class="node">
<title>ApiModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="818.0483,-122 815.0483,-126 794.0483,-126 791.0483,-122 737.9517,-122 737.9517,-86 818.0483,-86 818.0483,-122"/>
<text text-anchor="middle" x="778" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ApiModule</text>
</g>
<!-- ApiModule&#45;&gt;AppModule -->
<g id="edge6" class="edge">
<title>ApiModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M750.2774,-122.1061C750.2774,-122.1061 750.2774,-140.991 750.2774,-140.991"/>
<polygon fill="#000000" stroke="#000000" points="746.7774,-140.9909 750.2774,-150.991 753.7774,-140.991 746.7774,-140.9909"/>
</g>
<!-- BusinessModule -->
<g id="node8" class="node">
<title>BusinessModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="719.8259,-122 716.8259,-126 695.8259,-126 692.8259,-122 610.1741,-122 610.1741,-86 719.8259,-86 719.8259,-122"/>
<text text-anchor="middle" x="665" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">BusinessModule</text>
</g>
<!-- BusinessModule&#45;&gt;AppModule -->
<g id="edge7" class="edge">
<title>BusinessModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M699.4173,-122.1061C699.4173,-122.1061 699.4173,-140.991 699.4173,-140.991"/>
<polygon fill="#000000" stroke="#000000" points="695.9173,-140.9909 699.4173,-150.991 702.9173,-140.991 695.9173,-140.9909"/>
</g>
<!-- ClientModule -->
<g id="node9" class="node">
<title>ClientModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="591.7731,-122 588.7731,-126 567.7731,-126 564.7731,-122 498.2269,-122 498.2269,-86 591.7731,-86 591.7731,-122"/>
<text text-anchor="middle" x="545" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ClientModule</text>
</g>
<!-- ClientModule&#45;&gt;AppModule -->
<g id="edge8" class="edge">
<title>ClientModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M545,-122.2396C545,-137.5706 545,-157 545,-157 545,-157 669.2905,-157 669.2905,-157"/>
<polygon fill="#000000" stroke="#000000" points="669.2905,-160.5001 679.2905,-157 669.2904,-153.5001 669.2905,-160.5001"/>
</g>
<!-- LayoutModule -->
<g id="node10" class="node">
<title>LayoutModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="480.7078,-122 477.7078,-126 456.7078,-126 453.7078,-122 381.2922,-122 381.2922,-86 480.7078,-86 480.7078,-122"/>
<text text-anchor="middle" x="431" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">LayoutModule</text>
</g>
<!-- LayoutModule&#45;&gt;AppModule -->
<g id="edge9" class="edge">
<title>LayoutModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M431,-122.0225C431,-139.3734 431,-163 431,-163 431,-163 669.1412,-163 669.1412,-163"/>
<polygon fill="#000000" stroke="#000000" points="669.1413,-166.5001 679.1412,-163 669.1412,-159.5001 669.1413,-166.5001"/>
</g>
<!-- SwiperModule -->
<g id="node11" class="node">
<title>SwiperModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="363.705,-122 360.705,-126 339.705,-126 336.705,-122 264.295,-122 264.295,-86 363.705,-86 363.705,-122"/>
<text text-anchor="middle" x="314" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">SwiperModule</text>
</g>
<!-- SwiperModule&#45;&gt;AppModule -->
<g id="edge10" class="edge">
<title>SwiperModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M314,-122.1061C314,-141.3391 314,-169 314,-169 314,-169 668.9768,-169 668.9768,-169"/>
<polygon fill="#000000" stroke="#000000" points="668.9768,-172.5001 678.9768,-169 668.9768,-165.5001 668.9768,-172.5001"/>
</g>
<!-- UserModule -->
<g id="node12" class="node">
<title>UserModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="245.9762,-122 242.9762,-126 221.9762,-126 218.9762,-122 160.0238,-122 160.0238,-86 245.9762,-86 245.9762,-122"/>
<text text-anchor="middle" x="203" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">UserModule</text>
</g>
<!-- UserModule&#45;&gt;AppModule -->
<g id="edge11" class="edge">
<title>UserModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M203,-122.2843C203,-143.3211 203,-175 203,-175 203,-175 669.0487,-175 669.0487,-175"/>
<polygon fill="#000000" stroke="#000000" points="669.0487,-178.5001 679.0487,-175 669.0486,-171.5001 669.0487,-178.5001"/>
</g>
<!-- ValidatorsModule -->
<g id="node13" class="node">
<title>ValidatorsModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="141.8627,-122 138.8627,-126 117.8627,-126 114.8627,-122 24.1373,-122 24.1373,-86 141.8627,-86 141.8627,-122"/>
<text text-anchor="middle" x="83" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ValidatorsModule</text>
</g>
<!-- ValidatorsModule&#45;&gt;AppModule -->
<g id="edge12" class="edge">
<title>ValidatorsModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M83,-122.2479C83,-145.0179 83,-181 83,-181 83,-181 669.139,-181 669.139,-181"/>
<polygon fill="#000000" stroke="#000000" points="669.1391,-184.5001 679.139,-181 669.139,-177.5001 669.1391,-184.5001"/>
</g>
</g>
</svg>

          </div>
          <i id="fullscreen" class="icon ion-ios-resize module-graph-fullscreen-btn" aria-hidden="true"></i>
          <div class="btn-group">
              <button id="zoom-in" class="btn btn-default btn-sm">Zoom in</button>
              <button id="reset" class="btn btn-default btn-sm">Reset</button>
              <button id="zoom-out" class="btn btn-default btn-sm">Zoom out</button>
          </div>
      </div>
      <script src="../js/libs/svg-pan-zoom.min.js"></script>
      <script src="../js/svg-pan-zoom.controls.js"></script>

<ul class="nav nav-tabs" role="tablist">
        <li class="active">
            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
        </li>
        <li >
            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
        </li>
</ul>

<div class="tab-content">
    <div class="tab-pane fade active in" id="c-info">

        <p class="comment">
            <h3>File</h3>
        </p>
        <p class="comment">
            <code>src/app/app.module.ts</code>
        </p>


        

        <div class="container-fluid module">
            <div class="row">
                <div class="col-sm-3">
                    <h3>Declarations<a href="https://angular.io/api/core/NgModule#declarations" target="_blank" title="Official documentation about module declarations"><span class="icon ion-ios-information-circle-outline"></span></a></h3>
                    <ul class="list-group">
                            <li class="list-group-item">
                                <a href="../components/AppComponent.html">AppComponent</a>
                            </li>
                            <li class="list-group-item">
                                <a href="../components/FooterComponent.html">FooterComponent</a>
                            </li>
                            <li class="list-group-item">
                                <a href="../components/HeaderComponent.html">HeaderComponent</a>
                            </li>
                            <li class="list-group-item">
                                <a href="../components/UserHeaderComponent.html">UserHeaderComponent</a>
                            </li>
                    </ul>
                </div>
                <div class="col-sm-3">
                    <h3>Imports<a href="https://angular.io/api/core/NgModule#imports" target="_blank" title="Official documentation about module imports"><span class="icon ion-ios-information-circle-outline"></a></h3>
                    <ul class="list-group">
                            <li class="list-group-item">
                                    <a href="../modules/AdminModule.html" >AdminModule</a>
                            </li>
                            <li class="list-group-item">
                                    <a href="../modules/ApiModule.html" >ApiModule</a>
                            </li>
                            <li class="list-group-item">
                                    <a href="../modules/BusinessModule.html" >BusinessModule</a>
                            </li>
                            <li class="list-group-item">
                                    <a href="../modules/ClientModule.html" >ClientModule</a>
                            </li>
                            <li class="list-group-item">
                                    <a href="../modules/LayoutModule.html" >LayoutModule</a>
                            </li>
                            <li class="list-group-item">
                                    <a href="../modules/SwiperModule.html" >SwiperModule</a>
                            </li>
                            <li class="list-group-item">
                                    <a href="../modules/UserModule.html" >UserModule</a>
                            </li>
                            <li class="list-group-item">
                                    <a href="../modules/ValidatorsModule.html" >ValidatorsModule</a>
                            </li>
                    </ul>
                </div>
                <div class="col-sm-3">
                    <h3>Bootstrap<a href="https://angular.io/api/core/NgModule#bootstrap" target="_blank" title="Official documentation about module bootstrap"><span class="icon ion-ios-information-circle-outline"></a></h3>
                    <ul class="list-group">
                            <li class="list-group-item">
                                <a href="../components/AppComponent.html" >AppComponent</a>
                            </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <div class="tab-pane fade  tab-source-code" id="c-source">
        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { BrowserModule } from &#x27;@angular/platform-browser&#x27;;
import { NgModule } from &#x27;@angular/core&#x27;;
import { FormsModule, ReactiveFormsModule, Validators } from &#x27;@angular/forms&#x27;;
import { HttpClient, HttpClientModule, HTTP_INTERCEPTORS } from &#x27;@angular/common/http&#x27;;

import { AppComponent } from &#x27;./app.component&#x27;;
import { RouterModule, Routes } from &#x27;@angular/router&#x27;;
import { BrowserAnimationsModule } from &#x27;@angular/platform-browser/animations&#x27;;

import { AdminModule } from &#x27;./admin/admin.module&#x27;;

import { NzMessageService } from &#x27;ng-zorro-antd&#x27;;

import {
  MatInputModule,
  MatPaginatorModule,
  MatProgressSpinnerModule,
  MatSortModule,
  MatTableModule,
  MatIconModule,
  MatButtonModule,
  MatCardModule,
  MatToolbarModule,
  MatFormFieldModule,
  MatProgressBarModule,
} from &#x27;@angular/material&#x27;;

import { ClientModule } from &#x27;./client/client.module&#x27;;
import { BusinessModule } from &#x27;./business/business.module&#x27;;
import { SwiperModule } from &#x27;./swiper/swiper.module&#x27;;

import { HeaderComponent } from &#x27;./header/header.component&#x27;;
import { FooterComponent } from &#x27;./footer/footer.component&#x27;;
import { UserModule } from &#x27;./user/user.module&#x27;;
import { LayoutModule } from &#x27;./layout/layout.module&#x27;;

import { UserHeaderComponent } from &#x27;./user-header/user-header.component&#x27;;

import { NgZorroAntdModule, NZ_I18N, en_US } from &#x27;ng-zorro-antd&#x27;;
import { PLATFORM_ID, APP_ID, Inject } from &#x27;@angular/core&#x27;;
import { isPlatformBrowser } from &#x27;@angular/common&#x27;;

import { StoreModule } from &#x27;@ngrx/store&#x27;;
import { EffectsModule } from &#x27;@ngrx/effects&#x27;;
import { StoreRouterConnectingModule } from &#x27;@ngrx/router-store&#x27;;
import { StoreDevtoolsModule } from &#x27;@ngrx/store-devtools&#x27;;
import { reducers } from &#x27;./reducers&#x27;;
import { environment } from &#x27;../environments/environment&#x27;;
import { ValidatorsModule } from &#x27;@/validators/validators.module&#x27;;

// import ngx-translate and the http loader
import { TranslateModule, TranslateLoader, TranslateCompiler } from &#x27;@ngx-translate/core&#x27;;
import { TranslateHttpLoader } from &#x27;@ngx-translate/http-loader&#x27;;
import { TranslateMessageFormatCompiler } from &#x27;ngx-translate-messageformat-compiler&#x27;;
import { ApiModule } from &#x27;@/api/api.module&#x27;;
const appRoutes: Routes &#x3D; [
  // {
  //   path: &#x27;books&#x27;,
  //   component: BookComponent,
  //   data: { title: &#x27;Book List&#x27; },
  // },
  // {
  //   path: &#x27;book-details/:id&#x27;,
  //   component: BookDetailComponent,
  //   data: { title: &#x27;Book Details&#x27; },
  // },
  // {
  //   path: &#x27;book-create&#x27;,
  //   component: BookCreateComponent,
  //   data: { title: &#x27;Create Book&#x27; },
  // },
  // {
  //   path: &#x27;book-edit/:id&#x27;,
  //   component: BookEditComponent,
  //   data: { title: &#x27;Edit Book&#x27; },
  // },
  {
    path: &#x27;&#x27;,
    redirectTo: &#x27;/u/login&#x27;,
    pathMatch: &#x27;full&#x27;,
  },
];

// required for AOT compilation
export function HttpLoaderFactory(http: HttpClient) {
  return new TranslateHttpLoader(http);
}

@NgModule({
  declarations: [AppComponent, HeaderComponent, FooterComponent, UserHeaderComponent],
  imports: [
    ApiModule,
    BrowserModule.withServerTransition({ appId: &#x27;eh&#x27; }),
    RouterModule.forRoot(appRoutes, { useHash: true }),
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [HttpClient],
      },
      compiler: {
        provide: TranslateCompiler,
        useClass: TranslateMessageFormatCompiler,
      },
    }),
    FormsModule,
    ReactiveFormsModule,
    HttpClientModule,
    BrowserAnimationsModule,
    MatInputModule,
    MatTableModule,
    MatPaginatorModule,
    MatSortModule,
    MatProgressSpinnerModule,
    MatIconModule,
    MatButtonModule,
    MatCardModule,
    MatFormFieldModule,
    MatToolbarModule,
    MatProgressBarModule,
    ClientModule,
    BusinessModule,
    SwiperModule,
    AdminModule,
    UserModule,
    LayoutModule,
    NgZorroAntdModule,
    ValidatorsModule,
    /**
     * StoreModule.forRoot is imported once in the root module, accepting a reducer
     * function or object map of reducer functions. If passed an object of
     * reducers, combineReducers will be run creating your application
     * meta-reducer. This returns all providers for an @ngrx/store
     * based application.
     */
    StoreModule.forRoot(reducers, {}),

    /**
     * @ngrx/router-store keeps router state up-to-date in the store.
     */
    StoreRouterConnectingModule.forRoot(),

    /**
     * Store devtools instrument the store retaining past versions of state
     * and recalculating new states. This enables powerful time-travel
     * debugging.
     *
     * To use the debugger, install the Redux Devtools extension for either
     * Chrome or Firefox
     *
     * See: https://github.com/zalmoxisus/redux-devtools-extension
     */
    StoreDevtoolsModule.instrument({
      name: &#x27;NgRx Book Store App&#x27;,
      logOnly: environment.production,
    }),

    /**
     * EffectsModule.forRoot() is imported once in the root module and
     * sets up the effects class to be initialized immediately when the
     * application starts.
     *
     * See: https://github.com/ngrx/platform/blob/master/docs/effects/api.md#forroot
     */
    EffectsModule.forRoot([]),
  ],

  providers: [{ provide: NZ_I18N, useValue: en_US }, { provide: &#x27;NzMessageService&#x27;, useClass: NzMessageService }],
  bootstrap: [AppComponent],
})
export class AppModule {
  constructor(@Inject(PLATFORM_ID) private platformId: Object, @Inject(APP_ID) private appId: string) {
    const platform &#x3D; isPlatformBrowser(platformId) ? &#x27;in the browser&#x27; : &#x27;on the server&#x27;;
    console.log(&#x60;Running ${platform} with appId&#x3D;${appId}&#x60;);
  }
}
</code></pre>
    </div>
</div>















                   </div><div class="search-results">
    <div class="has-results">
        <h1 class="search-results-title"><span class='search-results-count'></span> result-matching "<span class='search-query'></span>"</h1>
        <ul class="search-results-list"></ul>
    </div>
    <div class="no-results">
        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
    </div>
</div>
</div>
               <!-- END CONTENT -->
           </div>
       </div>

       <script>
            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
            var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
            var COMPODOC_CURRENT_PAGE_URL = 'AppModule.html';
       </script>

       <script src="../js/libs/custom-elements.min.js"></script>
       <script src="../js/libs/lit-html.js"></script>
       <script src="../js/menu-wc.js"></script>

       <script src="../js/libs/bootstrap-native.js"></script>

       <script src="../js/libs/es6-shim.min.js"></script>
       <script src="../js/libs/EventDispatcher.js"></script>
       <script src="../js/libs/promise.min.js"></script>
       <script src="../js/libs/zepto.min.js"></script>

       <script src="../js/compodoc.js"></script>

       <script src="../js/tabs.js"></script>
       <script src="../js/menu.js"></script>
       <script src="../js/libs/clipboard.min.js"></script>
       <script src="../js/libs/prism.js"></script>
       <script src="../js/sourceCode.js"></script>
          <script src="../js/search/search.js"></script>
          <script src="../js/search/lunr.min.js"></script>
          <script src="../js/search/search-lunr.js"></script>
          <script src="../js/search/search_index.js"></script>
       <script src="../js/lazy-load-graphs.js"></script>


    </body>
</html>
